@charset "utf-8";
/* CSS Document */
body{ overflow: hidden}
.focus{width:100%;position:relative;}
.f426x240{width:100%;overflow:hidden}
.f426x240 img{ margin: 0 auto; display: block}

.rslides{width:100%;position:relative;list-style:none;padding:0}


.rslides_nav{height:70px;width:43px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(images/left.png) no-repeat;margin-top:-28px; left: 30px;opacity:0.5;}
.rslides_nav:hover{opacity:1.0}
.rslides_nav.next{left:auto;background:url(images/right.png) no-repeat;;right:30px}
.rslides_tabs{margin:-40px auto;clear:both;text-align:center; position: absolute}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}

.rslides_tabs a{text-indent:-9999px;overflow:hidden;background: url(images/off.png);display:block; float: left;width:15px;height:15px; margin:0 15px}
.rslides_tabs .rslides_here a{background:url(images/on.png)}


#s1 ol{ background: #eef2f3}
#s1{ padding-top: 71px}

#s1 ul li{ width: 19%; float: left; padding: 0 3%; text-align: center; margin-top: 3%}
#s1 ul li img{ width: 100px; margin-bottom: 20px}
#s1 ul li  a{ font-size: 14px; color: #666}
#s1 ul li span{ display: block;font-size: 18px; margin-bottom: 15px; color: #000}
#s1 ol li{ width:366px; float: left; margin: 3% 0 0 30px; text-align: center}
#s1 ol li img{ width: 366px; height: 188px; display: block; margin: 0 auto 10px auto}



#s2{ background: url('images/bg1.jpg');  -webkit-background-size: auto 100%;  background-size: auto 100%; padding-top: 71px}
#s2 h2{font-size: 20px;color: #fff;text-align: center; letter-spacing: 6px; margin-top: 30px }



@media (max-width: 1280px){
	
	#s1 ol li img{ width: 306px; height:172px; margin: 0 auto 6px auto}	
	#s1 ul li span{ margin-bottom: 7px}
	#s1 ul li img{ margin-bottom: 10px}
}